<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>订单详情——产品</title>
    <link rel="stylesheet" href="css/product_detail.css"/>

    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>
<body id="order_body">
<!--第一部分-->
<script type="text/template" id="productOrderDetailsTpl">
    <section id="order_section">
        <div class="order_choose">
            <ul>
                <li class="order_address">
                    <div class="addressBox">
                        <p>服务地址</p>
                    </div>
                    <div class="address">

                        <p class="addp">
                            <span class="address_contacts">联系人：<b>{{data.data.receive_user_name}}</b></span>
                            <span class="address_phone">{{data.data.receive_user_mobile}}</span>
                        </p>

                        <p class="address_customer">服务地址：<b>{{data.data.receive_user_addr}}</b></p>
                    </div>
                </li>
                <li class="order_goodsMsg">
                    <!--<p>商品信息</p>-->
                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{data.data.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div class="proModel">
                            <div class="proModelContent">
                                <h3>{{data.data.goods_info.goods_name}}</h3>

                                <p>日期: <span class="span"></span></p>
                            </div>
                            <div class="proContent">
                                <p class="meal">套餐: <span>{{data.data.meal_info.group_name?data.data.meal_info.group_name:"基础套餐"}}</span>
                                </p>
                                <h4>{{data.data.cate_info.cat_name}}</h4>
                            </div>
                            <div class="countAdd">
                                <div class="proCount">数量： <span>{{data.data.goods_numbers}}</span></div>
                                <span class="confirmPrice">{{data.data.goods_price}}/{{data.data.goods_info.price_unit}}</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="proPrice">
                        <div class="rent">
                            <p>租金金额</p>
                            <span>￥</span>
                        </div>
                        <div class="coupon">
                            <p>优惠金额</p>
                            <span>￥{{data.data.use_coupon_count}}</span>
                        </div>

                        <div class="shipping_fee">
                            <p>配送金额</p>
                            <span>￥{{data.data.shipping_fee}}</span>
                        </div>
                        {{if data.data.order_type!=200}}
                        <div class="cash_pledge">
                            <p>押金金额</p>
                            <span>￥{{data.data.security_deposit}}</span>
                        </div>

                        {{/if}}
                        <div class="actual_payment">
                            <p>实付金额</p>
                            <span>￥{{data.data.pay_fee}}</span>
                        </div>
                    </div>
                </li>
                <li class="order_time">

                    <p class="order_number">订单编号: <span>{{data.data.order_code}}</span></p>

                    <p class="buyTime">下单时间: <span></span></p>

                    <p class="payTime">付款时间: <span></span></p>

                    <p class="takeTime">取货时间: <span></span></p>

                    <p class="returnTime">归还时间: <span></span></p>

                    <p class="order_Time">订单时间: <span></span></p>

                </li>
                <li class="photo">
                    <span>取还照片</span>
                    <span class="tubiao"></span>
                </li>
                <li class="order_sendWay">
                    <div class="confirmSendWay">
                        <p>商家服务地址</p>
                    </div>

                    <div class="confirmAddress">
                        <div class="address">

                            <p class="addp">
                                <span class="">联系人：<b>{{data.data.shop_info.name}}</b></span>
                                <span class="address_phone">{{data.data.shop_info.mobile}}</span>
                            </p>

                            <p class="address_customer addrC">服务地址：<b>{{data.data.shop_info.take_address}}</b></p>

                            <p class="copyAddr"></p>


                        </div>
                    </div>
                </li>
                <li class="order_follow">
                    <p class="address_phone1">立即拨打</p>

                    <p class="p">订单跟踪</p>

                    <p class="chat">实时沟通</p>
                </li>
                <!--<li class="order_remark">-->
                <!--<div>-->
                <!--<h2>订单说明</h2>-->
                <!--<p>1、如果需要提前或延时租赁请务必提前在app操作。</p>-->
                <!--<p>2、为了不必要的纠纷，如果产品出险，请及时拍照。</p>-->
                <!--</div>-->
                <!--</li>-->
            </ul>
        </div>
    </section>
</script>
<script type="text/template" id="productOrderDetailsTpl2">
    <section id="order_section1">
        <div class="order_choose">
            <ul>
                <li class="order_address">
                    <div class="addressBox">
                        <p>服务地址</p>
                    </div>
                    <div class="address">

                        <p class="addp">
                            <span class="address_contacts">联系人：<b>{{data.data.receive_user_name}}</b></span>
                            <span class="address_phone">{{data.data.receive_user_mobile}}</span>
                        </p>

                        <p class="address_customer">服务地址：<b>{{data.data.receive_user_addr}}</b></p>
                    </div>
                </li>
                <li class="order_goodsMsg">
                    <!--<p>商品信息</p>-->
                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{data.data.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div class="proModel">
                            <div class="proModelContent">
                                <h3>{{data.data.goods_info.goods_name}}</h3>

                                <p>日期: <span class="span"></span></p>
                            </div>
                            <div class="proContent">
                                <p class="meal">套餐: <span>{{data.data.meal_info.group_name?data.data.meal_info.group_name:"基础套餐"}}</span>
                                </p>
                                <h4>{{data.data.cate_info.cat_name}}</h4>
                            </div>
                            <div class="countAdd">
                                <div class="proCount">数量： <span>{{data.data.goods_numbers}}</span></div>
                                <span class="confirmPrice">{{data.data.goods_price}}/{{data.data.goods_info.price_unit}}</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="proPrice">
                        <div class="rent">
                            <p>租金金额</p>

                            <span>￥</span>
                        </div>
                        <div class="coupon">
                            <p>优惠金额</p>
                            <span>￥{{data.data.use_coupon_count}}</span>
                        </div>

                        <div class="shipping_fee">
                            <p>配送金额</p>
                            <span>￥{{data.data.shipping_fee}}</span>
                        </div>
                        {{if data.data.order_type!=200}}
                        <div class="cash_pledge">
                            <p>押金金额</p>

                            <span>￥{{data.data.security_deposit}}</span>
                        </div>
                        {{/if}}
                        <div class="actual_payment">
                            <p>待付金额</p>

                            <span>￥{{data.data.pay_fee}}</span>
                        </div>
                    </div>
                </li>
                <li class="order_time">

                    <p class="order_number">订单编号: <span>{{data.data.order_code}}</span></p>

                    <p class="buyTime">下单时间: <span></span></p>

                    <p class="payTime">付款时间: <span></span></p>

                    <p class="takeTime">取货时间: <span></span></p>

                    <p class="returnTime">归还时间: <span></span></p>

                    <p class="order_Time">订单时间: <span></span></p>

                </li>

                <!--<li class="order_remark">-->
                <!--<div>-->
                <!--<h2>订单说明</h2>-->
                <!--<p>1、如果需要提前或延时租赁请务必提前在app操作。</p>-->
                <!--<p>2、为了不必要的纠纷，如果产品出险，请及时拍照。</p>-->
                <!--</div>-->
                <!--</li>-->
            </ul>
        </div>
    </section>
</script>
<script type="text/template" id="productOrderDetailsTpl3">
    <section id="order_section2">
        <div class="order_choose">
            <ul>
                <li class="order_address">
                    <div class="addressBox">
                        <p>服务地址</p>
                    </div>
                    <div class="address">

                        <p class="addp">
                            <span class="address_contacts">联系人：<b>{{data.data.receive_user_name}}</b></span>
                            <span class="address_phone">{{data.data.receive_user_mobile}}</span>
                        </p>

                        <p class="address_customer">服务地址：<b>{{data.data.receive_user_addr}}</b></p>
                    </div>
                </li>
                <li class="order_goodsMsg">
                    <!--<p>商品信息</p>-->
                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{data.data.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div class="proModel">
                            <div class="proModelContent">
                                <h3>{{data.data.goods_info.goods_name}}</h3>

                                <p>日期: <span class="span"></span></p>
                            </div>
                            <div class="proContent">
                                <p class="meal">套餐: <span>{{data.data.meal_info.group_name?data.data.meal_info.group_name:"基础套餐"}}</span>
                                </p>
                                <h4>{{data.data.cate_info.cat_name}}</h4>
                            </div>
                            <div class="countAdd">
                                <div class="proCount">数量： <span>{{data.data.goods_numbers}}</span></div>
                                <span class="confirmPrice">{{data.data.goods_price}}/{{data.data.goods_info.price_unit}}</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="proPrice">
                        <div class="rent">
                            <p>租金金额</p>

                            <span>￥</span>
                        </div>
                        <div class="coupon">
                            <p>优惠金额</p>
                            <span>￥{{data.data.use_coupon_count}}</span>
                        </div>
                        <div class="shipping_fee">
                            <p>配送金额</p>
                            <span>￥{{data.data.shipping_fee}}</span>
                        </div>
                        {{if data.data.order_type!=200}}
                        <div class="cash_pledge">
                            <p>押金金额</p>

                            <span>￥{{data.data.security_deposit}}</span>
                        </div>
                        {{/if}}
                        <div class="actual_payment">
                            <p>待付金额</p>

                            <span>￥{{data.data.pay_fee}}</span>
                        </div>
                    </div>
                </li>
                <li class="order_time">

                    <p class="order_number">订单编号: <span>{{data.data.order_code}}</span></p>

                    <p class="buyTime">下单时间: <span></span></p>

                    <p class="payTime">付款时间: <span></span></p>

                    <p class="takeTime">取货时间: <span></span></p>

                    <p class="returnTime">归还时间: <span></span></p>

                    <p class="order_Time">订单时间: <span></span></p>

                </li>

                <li class="order_follow">

                    <p class="p">订单跟踪</p>

                </li>
            </ul>
        </div>
    </section>
</script>
<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="js/product_detail.js"></script>
<script src="../../person_home/js/template.js"></script>


</body>
</html>